<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>感谢查看ife飞梦团队demo-task9</title>
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<header>
		<div class="main clearfix">
			<h1 class="fl"><a href="">网站名</a></h1>
			<div class="login fr">
				<i></i>
				<a href="">登录</a>
			</div>
			<div class="seach fr">
				<div class="bg">
					<input type="text">
				</div>
			</div>
		</div>
	</header>
	<div class="main clearfix" style="height:1211px;">
		<div class="main_left fl">
			<div class="main_left_top">
				<div class="pic">
					<div class="avatar">
						<img src="images/avatar.jpg" width="47" height="47">
					</div>
					<a href="">FeiMeng</a>
				</div>
				<div class="count">
					<a href="">
						110<br>收藏
					</a><a href="">
						313<br>粉丝
					</a>
				</div>
			</div>
			<div class="main_left_item">
				<ul>
					<li class="active">
						<i class="icon_1"></i>个人报表
						<ul class="fil">
							<li><i class="icon_9"></i><i class="icon_5"></i>文件一</li>
							<li class="cur"><i class="icon_10"></i><i class="icon_6"></i>文件二
								<ul class="doc">
									<li class="cur"><i class="icon_8"></i>文档1</li>
									<li><i class="icon_7"></i>文档2</li>
								</ul>
							</li>
							<li><i class="icon_9"></i><i class="icon_5"></i>文件三</li>
						</ul>
					</li>
					<li><i class="icon_2"></i>个人收藏</li>
					<li><i class="icon_3"></i>我的分享</li>
					<li><i class="icon_2"></i>图库</li>
					<li><i class="icon_2"></i>成长记录</li>
					<li><i class="icon_4"></i>账户信息</li>
				</ul>
			</div>
		</div>
		<div class="main_right fr">
			<div class="main_right_top">
				<div class="title">
					<a href="">C站</a><span>/</span><a href="">个人报表</a><span>/</span><a href="">文件一</a><span>/</span><a class="cur" href="">文档一</a>
				</div>
			</div>
			<div class="content">
				<div class="content_sea">
					<form action="">
						<div style="width:130px;" class="cq">
							<span>查询项</span>
							<select>
								<option value="1" selected="selected">第一项</option>
								<option value="2">第二项</option>
								<option value="3">第三项</option>
							</select>
						</div>
						<div style="192px" class="cq">
							<div class="mm fl">
								<span>买方</span>
								<select>
									<option value="A" selected="selected">小A</option>
									<option value="B">小B</option>
								</select>
								<span>卖方</span>
								<select>
									<option value="C" selected="selected">小C</option>
									<option value="D">小D</option>
								</select>
							</div>
							<div class="hh fr">
								<a href=""><img src="images/icon_hh.png" width="28" height="38"></a>
							</div>
						</div>
						<div style="292px" class="cq">
							<div class="times">
								<span>日期</span>
								<input type="date" value="2016-03-16">
								<span>总耗时</span>
								<select>
									<option value="8day" selected="selected">8天</option>
									<option value="9day">9天</option>
								</select>
							</div>
							<div class="number">
								<span>人数</span>
								<select>
									<option value="10p" selected="selected">10人</option>
									<option value="11p">11人</option>
								</select>
								<span>成交项</span>
								<select>
									<option value="10t" selected="selected">10项</option>
									<option value="10t">11项</option>
								</select>
							</div>
						</div>
						<div class="submit">
							<input type="submit" value="搜索">
						</div>
					</form>
				</div>
				<div class="content_time clearfix">
					<a class="arrow" href="javascript:;">
						<i class="arrow_left"></i>
					</a>
					<div class="timelist">
						<ul>
							<li class="active">
								<a href="">
									<p>10:00 am</p>
									<span><b>￥</b>1200</span>
								</a>
							</li>
							<li>
								<a href="">
									<p>11:00 am</p>
									<span><b>￥</b>1300</span>
								</a>
							</li>
							<li>
								<a href="">
									<p>12:00 am</p>
									<span><b>￥</b>1400</span>
								</a>
							</li>
							<li>
								<a href="">
									<p>13:00 am</p>
									<span><b>￥</b>1500</span>
								</a>
							</li>
							<li>
								<a href="">
									<p>14:00 am</p>
									<span><b>￥</b>1600</span>
								</a>
							</li>
							<li>
								<a href="">
									<p>15:00 am</p>
									<span><b>￥</b>1800</span>
								</a>
							</li>
						</ul>
					</div>
					<a class="arrow" href="javascript:;">
						<i class="arrow_right"></i>
					</a>
					<a href="" class="lscx">
						历史查询
					</a>
				</div>
				<p>2016年4月份统计</p>
				<div class="content_tongji">
					<ul>
						<li>
							<div style="float:left;height:100%;border-left:2px solid #43b29e;">
							</div>
							<p>133311</p>
							<span>成交量</span>
							<i style="background-color:#43b29e;"></i>
						</li>
						<li>
							<div style="float:left;height:100%;border-left:2px solid #388ac1;">
							</div>
							<p>133311</p>
							<span>成交量</span>
							<i style="background-color:#388ac1;"></i>
						</li>
						<li>
							<div style="float:left;height:100%;border-left:2px solid #d04a36;">
							</div>
							<p>133311</p>
							<span>成交量</span>
							<i style="background-color:#d04a36;"></i>
						</li>
						<li style="margin-right:0;">
							<div style="float:left;height:100%;border-left:2px solid #e2cd46;">
							</div>
							<p>133311</p>
							<span>成交量</span>
							<i style="background-color:#e2cd46;"></i>
						</li>
					</ul>
				</div>
				<div class="content_xm clearfix">
					<div class="content_xm_left fl">
						<div class="title">第一组项目</div>
						<div class="con">
							<ul class="tab">
								<li class="active">项目一</li>
								<li>项目一</li>
								<li>项目一</li>
								<li>项目一</li>
								<li>项目一</li>
							</ul>
							<div class="tablebox">
								<table>
									<tr>
										<td class="cur">购买材料一</td>
										<td>购买材料一</td>
										<td>购买材料一</td>
										<td>购买材料一</td>
									</tr>
									<tr>
										<td>购买材料二</td>
										<td>购买材料二</td>
										<td>购买材料二</td>
										<td>购买材料二</td>
									</tr>
									<tr>
										<td>购买材料四</td>
										<td>购买材料四</td>
										<td>购买材料四</td>
										<td>购买材料四</td>
									</tr>
									<tr>
										<td>购买材料六</td>
										<td>购买材料六</td>
										<td>购买材料六</td>
										<td>购买材料六</td>
									</tr>
									<tr>
										<td>购买材料十三</td>
										<td>购买材料十三</td>
										<td>购买材料十三</td>
										<td>购买材料十三</td>
									</tr>
									<tr>
										<td>购买材料二十</td>
										<td>购买材料二十</td>
										<td>购买材料二十</td>
										<td>购买材料二十</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
					<div class="content_xm_right fr">
						<div class="title">第一组项目</div>
						<div class="con">
							<div class="con_t">
								<span>标题</span>
								<p>项目报表三</p>
							</div>
							<div class="con_m clearfix">
								<div class="con_jg fl">
									<span>价格</span>
									<p>￥158</p>
								</div>
								<div class="con_fzr fl">
									<span>负责人</span>
									<p>小A</p>
								</div>
							</div>
							<div class="con_con">
								<span>详细描述</span>
								<p>该项目的负责人是......</p>
							</div>
							<div class="con_sub">
								<input class="checkbox" type="checkbox" checked="checked">
								<span>遵守保密协议</span>
								<a href="">搜索</a>
							</div>
						</div>
					</div>
				</div>
				<div class="content_bot clearfix">
					<div class="content_bot_left fl">
						<div class="title">日历</div>
						<form action="">
							<select>
								<option value="2017">2016年</option>
								<option value="2016" selected="selected">2016年</option>
								<option value="2015">2015年</option>
								<option value="2014">2014年</option>
							</select>
							<select>
								<option value="5m">5月</option>
								<option value="4m" selected="selected">4月</option>
								<option value="3m">3月</option>
								<option value="2m">2月</option>
							</select>
							<select class="date">
								<option value="yes" selected="selected">标记日期</option>
								<option value="not">未标记日期</option>
							</select>
							<button>返回今天</button>
						</form>
						<ul>
							<li>一</li>
							<li>二</li>
							<li>三</li>
							<li>四</li>
							<li>五</li>
							<li>六</li>
							<li>日</li>
						</ul>
						<table>
							<tr>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td class="festa"><span>1</span><p>愚人节</p></td>
								<td class="rest"><span>2</span><p>廿五</p></td>
								<td class="rest"><span>3</span><p>廿六</p></td>
							</tr>
							<tr>
								<td><span>4</span><p>廿七</p></td>
								<td class="festa"><span>5</span><p>清明</p></td>
								<td><span>6</span><p>廿九</p></td>
								<td><span>7</span><p>三月</p></td>
								<td><span>8</span><p>初二</p></td>
								<td class="rest cur"><span>9</span><p>初三</p></td>
								<td class="rest"><span>10</span><p>初四</p></td>
							</tr>
							<tr>
								<td><span>11</span><p>初五</p></td>
								<td class="cur"><span>12</span><p>初六</p></td>
								<td><span>13</span><p>初七</p></td>
								<td><span>14</span><p>初八</p></td>
								<td><span>15</span><p>初九</p></td>
								<td class="rest"><span>16</span><p>初十</p></td>
								<td class="rest"><span>17</span><p>十一</p></td>
							</tr>
							<tr>
								<td><span>18</span><p>十二</p></td>
								<td class="cur"><span>19</span><p>十三</p></td>
								<td><span>20</span><p>十四</p></td>
								<td><span>21</span><p>十五</p></td>
								<td><span>22</span><p>十六</p></td>
								<td class="rest"><span>23</span><p>十七</p></td>
								<td class="rest"><span>24</span><p>十八</p></td>
							</tr>
							<tr>
								<td><span>25</span><p>十九</p></td>
								<td><span>26</span><p>廿十</p></td>
								<td><span>27</span><p>廿一</p></td>
								<td><span>28</span><p>廿二</p></td>
								<td><span>29</span><p>廿三</p></td>
								<td class="rest"><span>30</span><p>廿四</p></td>
								<td class="rest"></td>
							</tr>
						</table>
					</div>
					<div class="content_bot_right fr">
						<div class="title">汽车行业品牌榜</div>
						<table>
							<thead><th width="66" class="ts">排名</th><th width="90" class="ts">品牌</th><th width="100">搜索指数</th><th></th></thead>
							<tbody>
								<tr>
									<td class="ts">1</td>
									<td class="ts">大众</td>
									<td>48912001</td>
									<td><span class="full"><span class="full_85"></span></span></td>
								</tr>
								<tr>
									<td class="ts">2</td>
									<td class="ts">丰田</td>
									<td>429307333</td>
									<td><span class="full"><span class="full_70"></span></span></td>
								</tr>
								<tr>
									<td class="ts">3</td>
									<td class="ts">奥迪</td>
									<td>23139070</td>
									<td><span class="full"><span class="full_60"></span></span></td>
								</tr>
								<tr>
									<td class="ts">4</td>
									<td class="ts">本田</td>
									<td>22885564</td>
									<td><span class="full"><span class="full_60"></span></span></td>
								</tr>
								<tr>
									<td class="ts">5</td>
									<td class="ts">福特</td>
									<td>22324792</td>
									<td><span class="full"><span class="full_50"></span></span></td>
								</tr>
								<tr>
									<td class="ts">6</td>
									<td class="ts">宝马</td>
									<td>21444077</td>
									<td><span class="full"><span class="full_45"></span></span></td>
								</tr>
								<tr>
									<td class="ts">7</td>
									<td class="ts">现代</td>
									<td>20114969</td>
									<td><span class="full"><span class="full_40"></span></span></td>
								</tr>
								<tr>
									<td class="ts">8</td>
									<td class="ts">起亚</td>
									<td>19251680</td>
									<td><span class="full"><span class="full_38"></span></span></td>
								</tr>
								<tr>
									<td class="ts">9</td>
									<td class="ts">奔驰</td>
									<td>19172837</td>
									<td><span class="full"><span class="full_35"></span></span></td>
								</tr>
								<tr>
									<td class="ts">10</td>
									<td class="ts">别克</td>
									<td>18544027</td>
									<td><span class="full"><span class="full_32"></span></span></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>